<template>
  <div>
    <div>计算属性</div>
    <hr>
    <div>今年的年龄:{{age}}</div>
    <div>明年的年龄:{{age + 1}}</div>
    <div>明年的年龄:{{nextAge}}</div>
  </div>
</template>
<script>
import { computed, ref } from 'vue'

export default {
  name: 'App',
  setup () {
    // 今年的年龄
    const age = ref(20)

    // 计算属性
    const nextAge = computed(() => {
      // 计算的过程
      return age.value + 1
    })

    return { age, nextAge }
  }
}
</script>
